<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>Green Soil</title>
    <link rel="stylesheet" href="index/fontawesome-5.5/css/all.min.css"/>
    <link rel="stylesheet" href="index/slick/slick.css">
    <link rel="stylesheet" href="index/slick/slick-theme.css">
    <link rel="stylesheet" href="index/magnific-popup/magnific-popup.css">
    <link rel="stylesheet" href="index/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="index/css/tooplate-infinite-loop.css"/>
    <script src="./gethost.js" type="text/javascript"></script>
</head>
<body>
<!-- Hero section -->
<section id="infinite" class="text-white tm-font-big tm-parallax">
    <!-- Navigation -->
    <nav class="navbar navbar-expand-md tm-navbar" id="tmNav">
        <div class="container">
            <div class="tm-next">
                <a href="#infinite" class="navbar-brand">Green Soil</a>
            </div>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <i class="fas fa-bars navbar-toggler-icon"></i>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link tm-nav-link" href="#infinite">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link tm-nav-link" href="#whatwedo">What We Do</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link tm-nav-link" href="#testimonials">团队成员</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link tm-nav-link" href="#gallery">团队日常</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link tm-nav-link" href="#contact">合作</a>
                    </li>
                    <li>
                        <a class="nav-link tm-nav-link" id="login">登录</a>
                    </li>
                    <li>
                        <a class="nav-link tm-nav-link" id="register">注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="text-center tm-hero-text-container">
        <div class="tm-hero-text-container-inner">
            <h2 class="tm-hero-title">Green Soil</h2>
            <p class="tm-hero-subtitle">
                Based On Intelligent Algorithms and AI
                <br>Provide The Most Convenient Green Design
            </p>
        </div>
    </div>

    <div class="tm-next tm-intro-next">
        <a href="#whatwedo" class="text-center tm-down-arrow-link">
            <i class="fas fa-2x fa-arrow-down tm-down-arrow"></i>
        </a>
    </div>
</section>

<section id="whatwedo" class="tm-section-pad-top">

    <div class="container">

        <div class="row tm-content-box"><!-- first row -->
            <div class="col-lg-12 col-xl-12">
                <div class="tm-intro-text-container">
                    <h2 class="tm-text-primary mb-4 tm-section-title">What We Do</h2>
                    <p class="mb-4 tm-intro-text">
                        Green
                        Soil（绿壤）是我们大连理工大学可持续研究所开发的第一代智能绿色设计评价系统，基于已有的20余年对可持续评价方法研究以及大量的企业合作项目所累积的经验，结合AI算法和案例库为您提供最便利的绿色设计方案，如果您有合作意向，请点击上方合作按钮联系我们，期待您的到来！</p>
                </div>
            </div>

        </div><!-- first row -->

        <div class="row tm-content-box"><!-- second row -->
            <div class="col-lg-1">
                <i class="far fa-3x fa-chart-bar text-center tm-icon"></i>
            </div>
            <div class="col-lg-5">
                <div class="tm-intro-text-container">
                    <h2 class="tm-text-primary mb-4">Market Analysis</h2>
                    <p class="mb-4 tm-intro-text">
                        目前市场上的LCA分析软件大多需要用户自己输入相关的信息，这给LCA带来了很大的不便，我们的Gerrn
                        Soil（绿壤）依靠我们的大量的案例库，以AI算法为核心，您只需导入bom表，我们就能为您提供便捷、准确的LCA评价!</p>
                </div>
            </div>

            <div class="col-lg-1">
                <i class="far fa-3x fa-comment-alt text-center tm-icon"></i>
            </div>
            <div class="col-lg-5">
                <div class="tm-intro-text-container">
                    <h2 class="tm-text-primary mb-4">Fast Support</h2>
                    <p class="mb-4 tm-intro-text">
                        依靠案例库和机器学习算法，对相同数据进行结果重用，对相似数据进行相似学习，对缺失数据进行算法预测，并提供方案的动态调整，为您提供最好的服务体验!</p>
                </div>
            </div>

        </div><!-- second row -->

        <div class="row tm-content-box"><!-- third row -->
            <div class="col-lg-1">
                <i class="fas fa-3x fa-fingerprint text-center tm-icon"></i>
            </div>
            <div class="col-lg-5">
                <div class="tm-intro-text-container">
                    <h2 class="tm-text-primary mb-4">Top Security</h2>
                    <p class="mb-4 tm-intro-text">
                        数据库采用主从复制的形式(主机写，从机读)，分布式布置，服务器采用阿里云应用型服务器，为我们保驾护航，我们的团队成员来自国内知名互联网公司，为您提供顶级的数据安全防护!</p>

                    <div class="tm-continue">
                        <a href="#testimonials"></a>
                    </div>
                </div>
            </div>

            <div class="col-lg-1">
                <i class="fas fa-3x fa-users text-center tm-icon"></i>
            </div>
            <div class="col-lg-5">
                <div class="tm-intro-text-container">
                    <h2 class="tm-text-primary mb-4">Social Work</h2>
                    <p class="mb-4 tm-intro-text">
                        我们的团队成果被国内外各个高校所借鉴，并应用于国内一些知名公司的产品设计中去，例如：徐工、三一重工、中车....
                        每个月我们会固定开展一些讲座和培训，并为新人们讲解一些关于LCA的相关知识，如果你对我们感兴趣，欢迎收听！
                    </p>

                    <div class="tm-continue">
                        <a href="#testimonials"></a>
                    </div>
                </div>
            </div>

        </div><!-- third row -->

    </div>

</section>

<section id="testimonials" class="tm-section-pad-top tm-parallax-2">
    <div class="container tm-testimonials-content">
        <div class="row">
            <div class="col-lg-12 tm-content-box">
                <h2 class="text-white text-center mb-4 tm-section-title">团队成员</h2>
                <p class="mx-auto tm-section-desc text-center">

                </p>
                <div class="mx-auto tm-gallery-container tm-gallery-container-2">
                    <div class="tm-testimonials-carousel">
                        <figure class="tm-testimonial-item">
                            <img src="index/img/li2.png" alt="Image" class="img-fluid mx-auto">
                            <blockquote>
                                大连理工大学特聘教授，美国德克萨斯理工大学工业工程系教授，博导，现任大连理工大学机械工程学院可持续设计与制造研究所所长，
                                从事可持续制造、绿色清洗原理、产品全生命周期评价理论等研究工作
                            </blockquote>
                            <figcaption>张洪潮 (可持续所所长)</figcaption>
                        </figure>

                        <figure class="tm-testimonial-item">
                            <img src="index/img/li.png" alt="Image" class="img-fluid mx-auto">
                            <blockquote>大连理工大学机械工程学院
                                副教授，硕士生导师。主要从事产品可持续性评价方法、激光修复技术、机械装备能耗分析与评估、企业信息化技术开发与应用等方面的研究工作。
                                国内外多家相关领域期刊审稿人，主持和参加国家973计划项目、国家自然科学基金、企业等课题10余项，发表论文50余篇。培养或协助培养博士
                                硕士研究生40余名
                            </blockquote>
                            <figcaption>李涛 (副教授、博导)</figcaption>
                        </figure>

                        <figure class="tm-testimonial-item">
                            <img src="index/img/ding.jpg" alt="Image" class="img-fluid mx-auto">
                            <blockquote>大连理工大学机械工程学院
                                 19级研究生，研究方向为生命周期评价，智能LCA，现就职于国内某互联网金融公司，网站的主要搭建者（前台、后台、数据库、运维、测试），
                                擅长Java、Python、MySQL、Lua、JavaScript、Cypher等语言，喜欢写代码和研究算法，熟悉B/S架构，分布式系统。
                            </blockquote>
                            <figcaption>丁永新 (李涛导师学生、网站作者)</figcaption>
                        </figure>

                        <figure class="tm-testimonial-item">
                            <img src="index/img/xia.png" alt="Image" class="img-fluid mx-auto">
                            <blockquote>大连理工大学机械工程学院
                                 19级研究生，研究方向为激光熔覆、增材制造，现就职于国内某互联网金融公司，8178教研室游戏达人，喜欢各种开放世界类游戏，擅长Java、
                                C++、MySQL、VUE、Redis，熟悉视频网站搭建，了解分布式系统。
                            </blockquote>
                            <figcaption>夏帧航 (李涛导师学生)</figcaption>
                        </figure>


                        <figure class="tm-testimonial-item">
                            <img src="index/img/dong.png" alt="Image" class="img-fluid mx-auto">
                            <blockquote>大连理工大学机械工程学院
                                20级研究生，研究方向智能LCA，擅长Java、MySQL、Redis，擅长各种数据结构和算法，参与国家重大科研项目，协助师兄发表多篇论文和专利，
                                熟悉互联网高并发业务场景，熟悉秒杀业务，代码功底深厚。
                            </blockquote>
                            <figcaption>杨东东 (李涛导师学生)</figcaption>
                        </figure>
                        <figure class="tm-testimonial-item">
                            <img src="index/img/yan.png" alt="Image" class="img-fluid mx-auto">
                            <blockquote>大连理工大学机械工程学院
                                20级研究生，研究方向生命周期评价、绿色设计，擅长Java、MySQL、Redis，擅长各种数据结构和算法参与国家重大科研项目，协助师兄发表
                                多篇论文和专利，炉石国家队选手。
                            </blockquote>
                            <figcaption>闫萌 (李涛导师学生)</figcaption>
                        </figure>
                        <figure class="tm-testimonial-item">
                            <img src="index/img/zhan.png" alt="Image" class="img-fluid mx-auto">
                            <blockquote>大连理工大学机械工程学院
                                20级研究生，研究方向激光熔覆、增材制造，8178教研室搞笑达人，英雄联盟外卖员，说话呆萌呆萌的，擅长各种3D建模，尤其对手机结构设计
                                非常精通。协助师兄做激光实验，并帮助师兄发表多篇论文。
                            </blockquote>
                            <figcaption>詹欢 (李涛导师学生)</figcaption>
                        </figure>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tm-bg-overlay"></div>
</section>

<section id="gallery" class="tm-section-pad-top">
    <div class="container tm-container-gallery">
        <div class="row">
            <div class="text-center col-12">
                <h2 class="tm-text-primary tm-section-title mb-4">团队日常</h2>
                <p class="mx-auto tm-section-desc">
                    我们大工可持续团队的科研、学习和娱乐氛围都均衡发展，在结题前夕、考试前夜我们可以奋战到凌晨，在周末我们一起玩桌游，蹦床以及真人CS，
                    在毕业之前，我们刻苦科研，在李涛导师的悉心指导下，顺利毕业！师兄师姐们有在QS前50高校读博的，有进入互联网大厂的以及进入各种行业顶尖
                    企业的和研究所的，也有公务员上岸和入职高校的，不管你是想成为学术大牛、科研达人，或者想进军互联网公司或者机械顶尖企业，又或者你想考
                    公务员和进研究所，在这里你都能找到帮你实现目标的人，So 你还在等什么？快联系李涛导师加入我们！期待你的到来！
                </p>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="mx-auto tm-gallery-container">
                    <div class="grid tm-gallery">
                        <a href="index/img/active1.png">
                            <figure class="effect-honey tm-gallery-item">
                                <img src="index/img/active1.png" alt="Image 1" class="img-fluid">
                                <figcaption>
                                    <h2><i><span>一起射箭!</span></i></h2>
                                </figcaption>
                            </figure>
                        </a>
                        <a href="index/img/active2.png">
                            <figure class="effect-honey tm-gallery-item">
                                <img src="index/img/active2.png" alt="Image 2" class="img-fluid">
                                <figcaption>
                                    <h2><i><span>19级学生合影</span></i></h2>
                                </figcaption>
                            </figure>
                        </a>
                        <a href="index/img/active3.jpg">
                            <figure class="effect-honey tm-gallery-item">
                                <img src="index/img/active3.jpg" alt="Image 3" class="img-fluid">
                                <figcaption>
                                    <h2><i><span>和小21级第一次聚餐</span></i></h2>
                                </figcaption>
                            </figure>
                        </a>
                        <a href="index/img/active4.jpg">
                            <figure class="effect-honey tm-gallery-item">
                                <img src="index/img/active4.jpg" alt="Image 4" class="img-fluid">
                                <figcaption>
                                    <h2><i><span>正在玩VR的师妹</span></i></h2>
                                </figcaption>
                            </figure>
                        </a>
                        <a href="index/img/active5.png">
                            <figure class="effect-honey tm-gallery-item">
                                <img src="index/img/active5.png" alt="Image 5" class="img-fluid">
                                <figcaption>
                                    <h2><i><span>正在攀岩的小睿师姐</span></i></h2>
                                </figcaption>
                            </figure>
                        </a>
                        <a href="index/img/active6.jpg">
                            <figure class="effect-honey tm-gallery-item">
                                <img src="index/img/active6.jpg" alt="Image 5" class="img-fluid">
                                <figcaption>
                                    <h2><i><span>聚精会神送人头！</span></i></h2>
                                </figcaption>
                            </figure>
                            <a href="index/img/active7.jpg">
                                <figure class="effect-honey tm-gallery-item">
                                    <img src="index/img/active7.jpg" alt="Image 5" class="img-fluid">
                                    <figcaption>
                                        <h2><i><span>19、20、21全体合影</span></i></h2>
                                    </figcaption>
                                </figure>
                                <a href="index/img/active8.jpg">
                                    <figure class="effect-honey tm-gallery-item">
                                        <img src="index/img/active8.jpg" alt="Image 5" class="img-fluid">
                                        <figcaption>
                                            <h2><i><span>玩VR的崔师兄</span></i></h2>
                                        </figcaption>
                                    </figure>
                                </a>
                                <a href="index/img/active10.png">
                                    <figure class="effect-honey tm-gallery-item">
                                        <img src="index/img/active10.png" alt="Image 5" class="img-fluid">
                                        <figcaption>
                                            <h2><i><span>It's me!</span></i></h2>
                                        </figcaption>
                                    </figure>
                                </a>
                            </a>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

<!-- Contact -->
<section id="contact" class="tm-section-pad-top tm-parallax-2">

    <div class="container tm-container-contact">

        <div class="row">

            <div class="text-center col-12">
                <h2 class="tm-section-title mb-4">联系我们</h2>
                <p class="mb-5">
                    可能您是环保主义倡导者，或者您是一家注重绿色环保的公司，又或许您是从事可持续评价的科研人员，Maybe
                    你还可能是一个即将读研的准研究生，如果您对我们的研究内容或者我们的团队感兴趣，请及时联系我们！期待您的到来！
                </p><br>
            </div>

            <div class="col-sm-12 col-md-6">
                <form action="" method="get">
                    <input id="name" name="name" type="text" placeholder="Your Name" class="tm-input" required/>
                    <input id="email" name="email" type="email" placeholder="Your Email" class="tm-input" required/>
                    <textarea id="message" name="message" rows="8" placeholder="Message" class="tm-input"
                              required></textarea>
                    <button type="submit" class="btn tm-btn-submit">Submit</button>
                </form>
            </div>

            <div class="col-sm-12 col-md-6">


                <div class="contact-item">
                    <a rel="nofollow" class="item-link">
                        <i class="far fa-2x fa-envelope mr-4"></i>
                        <span class="mb-0">litao@dlut.edu.cn</span>
                    </a>
                </div>

                <div class="contact-item">
                    <a rel="nofollow" class="item-link">
                        <i class="fas fa-2x fa-map-marker-alt mr-4"></i>
                        <span class="mb-0">中国辽宁省大连市甘井子区凌工路2号机械工程学院</span>
                    </a>
                </div>

                <div class="contact-item">
                    <a rel="nofollow" class="item-link">
                        <i class="fas fa-2x fa-phone-square mr-4"></i>
                        <span class="mb-0">18941330991</span>
                    </a>
                </div>

                <div class="contact-item">&nbsp;</div>

            </div>


        </div><!-- row ending -->

    </div>

    <footer class="text-center small tm-footer">
        <p class="mb-0">Copyright &copy; 2021.大连理工大学可持续团队所有</a></p>
    </footer>

</section>

<script src="index/js/jquery-1.9.1.min.js"></script>
<script src="index/slick/slick.min.js"></script>
<script src="index/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="index/js/easing.min.js"></script>
<script src="index/js/jquery.singlePageNav.min.js"></script>
<script src="index/js/bootstrap.min.js"></script>
<script>

    function getOffSet() {
        var _offset = 450;
        var windowHeight = window.innerHeight;

        if (windowHeight > 500) {
            _offset = 400;
        }
        if (windowHeight > 680) {
            _offset = 300
        }
        if (windowHeight > 830) {
            _offset = 210;
        }

        return _offset;
    }

    function setParallaxPosition($doc, multiplier, $object) {
        var offset = getOffSet();
        var from_top = $doc.scrollTop(),
            bg_css = 'center ' + (multiplier * from_top - offset) + 'px';
        $object.css({"background-position": bg_css});
    }

    // Parallax function
    var background_image_parallax = function ($object, multiplier, forceSet) {
        multiplier = typeof multiplier !== 'undefined' ? multiplier : 0.5;
        multiplier = 1 - multiplier;
        var $doc = $(document);
        // $object.css({"background-attatchment" : "fixed"});

        if (forceSet) {
            setParallaxPosition($doc, multiplier, $object);
        } else {
            $(window).scroll(function () {
                setParallaxPosition($doc, multiplier, $object);
            });
        }
    };

    var background_image_parallax_2 = function ($object, multiplier) {
        multiplier = typeof multiplier !== 'undefined' ? multiplier : 0.5;
        multiplier = 1 - multiplier;
        var $doc = $(document);
        $object.css({"background-attachment": "fixed"});

        $(window).scroll(function () {
            if ($(window).width() > 768) {
                var firstTop = $object.offset().top,
                    pos = $(window).scrollTop(),
                    yPos = Math.round((multiplier * (firstTop - pos)) - 186);

                var bg_css = 'center ' + yPos + 'px';

                $object.css({"background-position": bg_css});
            } else {
                $object.css({"background-position": "center"});
            }
        });
    };

    $(function () {
        // Hero Section - Background Parallax
        background_image_parallax($(".tm-parallax"), 0.30, false);
        background_image_parallax_2($("#contact"), 0.80);
        background_image_parallax_2($("#testimonials"), 0.80);

        // Handle window resize
        window.addEventListener('resize', function () {
            background_image_parallax($(".tm-parallax"), 0.30, true);
        }, true);

        // Detect window scroll and update navbar
        $(window).scroll(function (e) {
            if ($(document).scrollTop() > 120) {
                $('.tm-navbar').addClass("scroll");
            } else {
                $('.tm-navbar').removeClass("scroll");
            }
        });

        // Close mobile menu after click
        $('#tmNav a').on('click', function () {
            $('.navbar-collapse').removeClass('show');
        })

        // Scroll to corresponding section with animation
        $('#tmNav').singlePageNav({
            'easing': 'easeInOutExpo',
            'speed': 600
        });

        // Add smooth scrolling to all links
        // https://www.w3schools.com/howto/howto_css_smooth_scroll.asp
        $("a").on('click', function (event) {
            if (this.hash !== "") {
                event.preventDefault();
                var hash = this.hash;

                $('html, body').animate({
                    scrollTop: $(hash).offset().top
                }, 600, 'easeInOutExpo', function () {
                    window.location.hash = hash;
                });
            } // End if
        });

        $("#login").on('click', function (event) {
            window.location.href = "login.html";
        });

        $("#register").on('click', function (event) {
            window.location.href = "register.html";
        });


        // Pop up
        $('.tm-gallery').magnificPopup({
            delegate: 'a',
            type: 'image',
            gallery: {enabled: true}
        });

        $('.tm-testimonials-carousel').slick({
            dots: true,
            prevArrow: false,
            nextArrow: false,
            infinite: false,
            slidesToShow: 3,
            slidesToScroll: 1,
            responsive: [
                {
                    breakpoint: 992,
                    settings: {
                        slidesToShow: 2
                    }
                },
                {
                    breakpoint: 768,
                    settings: {
                        slidesToShow: 2
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1
                    }
                }
            ]
        });

        // Gallery
        $('.tm-gallery').slick({
            dots: true,
            infinite: false,
            slidesToShow: 5,
            slidesToScroll: 2,
            responsive: [
                {
                    breakpoint: 1199,
                    settings: {
                        slidesToShow: 4,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 991,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 767,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }
            ]
        });
    });
</script>
</body>
</html>